﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/*--------------------cate css-------------*/
a {
    text-decoration: none;
}

#cate
{
    float: left;
    width: 250px;
    height: auto;
    background-color: #f6f6f6;
    padding-bottom: 25px;
}

    #cate h1 {
        margin-top: 10px;
        margin-left: 10px;
        font-size: 22px;
        color: #0677cf;
    }

/*-------------------flayout css-------------------*/
.flyout
{
    padding: 0px 0px 0px 0px;
    margin: 3px 0 0 0;
    list-style: none;
    position: relative;
    width: 200px;
    top: 0px;
    left: 0px;
    position: relative;
    z-index:500;
}

    .flyout ul
    {
        padding: 0;
        margin: 0;
        list-style: none;
        width: 200px;
        height: auto;
        background: url(trans.gif);
        position: absolute;
        left: -9999px;
        top: 0;
    }

    .flyout table
    {
        border-collapse: collapse;
        width: 1px;
        height: 1px;
        /*margin: -1px -10px;*/
    }

    .flyout li
    {
        float: left;
    }

        .flyout li a
        {
            display: block;
            float: left;
            width: 250px;
            height: 31px;
            background: #ccc;
            color: #000;
            line-height: 40px;
            font-family: arial, sans-serif;
            font-size: 14px;
            text-decoration: none;
            text-indent: 10px;
            background: url(../Images/right-arrow.png) no-repeat right center;
        }

            .flyout li a.fly
            {
                background: url(../Images/right-arrow.png) no-repeat right center;
            }

        .flyout li:hover {
            position: relative;
            background-color: #ccc;
        }

        .flyout li a:hover
        {
            position: relative;
            background-color: #fff;
            color: #000;
            background-color: #fff;
            background: url(../Images/right-arrow-holder.png) no-repeat right center;
        }

        .flyout li:hover > a
        {
            background-color: #fff;
            color: #000;
        }

    .flyout ul li a
    {
        background: #FEFEFE;
        border: solid 1px #ccc;
    }

        .flyout ul li a.fly
        {
            background: url(../Images/right-arrow.png) no-repeat right center;
        }

    .flyout ul ul li a
    {
        background: #fff;
        border: solid 1px #ccc;
    }

        .flyout ul ul li a.fly
        {
            background: url(right-arrow.png) no-repeat right center;
            border: 1px solid #cccccc;
        }

    .flyout ul ul ul li a
    {
        background: #fff;
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc;
    }

        .flyout li a.current,
        .flyout ul li a.current,
        .flyout ul ul li a.current,
        .flyout ul ul ul li a.current
        {
            background-color: #c40;
            color: #fff;
        }

    .flyout :hover ul,
    .flyout :hover ul :hover ul,
    .flyout :hover ul :hover ul :hover ul
    {
        left: 200px;
    }

        .flyout :hover ul ul,
        .flyout :hover ul :hover ul ul
        {
            left: -9999px;
        }

    .flyout ul li:hover > a
    {
        color: #000;
    }

    .flyout ul ul li:hover > a
    {
        color: #000;
    }

    /*side show css*/
#sideShow {
    background: none repeat scroll 0 0 #F1F1F1;
    float: right;
    height: 215px;
    margin-right: 10px;
    width: 750px;
}


.slides_container {
	width:750px;
	overflow:hidden;
	position:relative;
	display:none;
}

    .slides_container a {
        width: 570px;
        height: 270px;
        display: block;
    }

        .slides_container a img {
            display: block;
        }

/*
	Pagination
*/

.pagination {
    margin: -71px 635px;
    width: 100px;
    z-index: 500;
    position: absolute;
}

    .pagination li {
        float: left;
        margin: 0 1px;
        list-style: none;
    }

        .pagination li a {
            display: block;
            width: 12px;
            height: 0;
            padding-top: 12px;
            background-image: url(../Images/pagination.png);
            background-position: 0 0;
            float: left;
            overflow: hidden;
        }

        .pagination li.current a {
            background-position: 0 -12px;
        }

/*status(New, Hot)*/
#statusShow {
    margin: 20px 10px 20px 10px;
    border: solid 1px #cccccc;
    background: #f1f1f1;
    float: right;
    width: 1000px;
    height: 50px;
}

#status {
    height: 50px;
    text-align: center;
    line-height: 50px;
    list-style: none;
    float: left;
    font-size: 20px;
    margin: auto;
    padding: 0px;
}

    #status li {
        display: block;
        float: left;
        width: 70px;
        border-right: solid 1px #cccccc;
    }

#current {
    background: #ffffff;
    border-right: solid 1px #000000;
}

#sort {
    text-align: right;
    padding-right: 20px;
    float: right;
    width: 400px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
}

#sort input {
    background: #f1f1f1;
}

#containListItem {
    margin-left: 25px;
    width: 1000px;
    height: auto;
    background: #ffffff;
    clear: both;
}

    #containListItem div {
        font-weight: bold;
        margin-right: 33px;
        margin-left: 0px;
        margin: 0px 22px 28px 0px;
        width: 225px;
        height: 200px;
        color: blue;
        float: left;
        border: solid 1px #cccccc;
    }

        #containListItem div img {
            width: 200px;
            height: 150px;
            margin: 5px 12px 5px 12px;
        }

        #containListItem div p {
            margin: 0px auto;
        }

.title {
    text-align: center;
    font-weight: bold;
    color: #006bb2;
    font-size: 12px;
    font-family: Arial , 'Times New Roman';
}

.time {
    color: #cccccc;
    width: 100px;
    margin: 0px;
    float: left;
    font-size: 12px;
    font-family: Arial, 'Times New Roman';
}

.price {
    width: 100px;
    margin: 0px;
    float: right;
    font-size: 12px;
    font-family: Arial, 'Times New Roman';
    color: #f16514;
}